<template>
  <div style="width: 100%;height:100%;">
    <!-- Header区域 -->
    <el-header style="display: flex;align-items: center;justify-content: space-between; font-size: 20px;">
      <i class="el-icon-arrow-left" @click="backMethod"></i>
      甜品攻略
      <i></i>
    </el-header>
    <div style="display: flex;height: 100%;text-align: left;background-color: rgba(254,219,207,0.5);
    box-sizing: border-box;padding: 70px 25px 30px;">
      <div style="box-sizing: border-box;padding: 20px 20px;font-size: 20px;background-color: #fff;
    opacity:0.5;">
        <b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{article.articleDetail}}</b>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
  	// name: "article",
    components: {},
    data() {
    	return {
        article:{},
      }
    },
    mounted() {
      this.defaultMethod()
    },
    methods:{
      defaultMethod(){
        sessionStorage.setItem("lastPage","/home/index")
        this.$http.get("/api/CakeShop/DataManage/queryArticle").then(res=>{
          this.article = res.data.article
        })
      },
      backMethod(){
        // console.log('back')
        this.$router.push({
          path: sessionStorage.getItem("lastPage")
        });
      },
    }
  }
</script>

<style scoped>
</style>
